<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./browseraction/index.css" />
  </head>

  <body>
    <main>
      <section>
        <label for="urls">List of URLs / Text to extract URLs from:</label>
        <textarea id="urls" wrap="soft" tabindex="1"></textarea>
      </section>

      <section>
        <button id="extract" tabindex="6">Extract URLs from text</button>
        <button id="open" tabindex="2">Open URLs</button>
      </section>

      <section>
        <label class="checkbox"
          ><input type="checkbox" id="lazyLoad" tabindex="3" /> Do not load tabs
          until selected</label
        >

        <label class="checkbox"
          ><input type="checkbox" id="random" tabindex="4" /> Load in random
          order</label
        >
      </section>
      <section>
        <label class="checkbox"
          ><input type="checkbox" id="preserve" tabindex="5" /> Preserve
          input</label
        >
      </section>
    </main>

    <script src="./browseraction/index.ts"></script>
  </body>
</html>
